<template>
      <div>
      <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/customer' }" style="font-size:18px">顾客管理</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/customer_menu'}" style="font-size:18px">查看菜单</el-breadcrumb-item>
      </el-breadcrumb>
        <div class="food">
        <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/1.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">战斧牛排</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">49.9</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num1" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/2.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">炸洋芋</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">3</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num2" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/3.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">薯片</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">1</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num3" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/4.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">整只烤鸡</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num4" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
        <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/5.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">冰淇淋</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2.99</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num5" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/6.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">奶酪</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2.5</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num6" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/7.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">披萨</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">9.99</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num7" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/8.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">红烧肉</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num8" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
                <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/9.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">青菜面</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num9" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/10.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">炖排骨</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">10</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num10" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/11.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">蜂蜜柠檬茶</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">5</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num11" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/12.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">鸭肫</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num12" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
        <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/13.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">烤肉串</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num13" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/14.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">山楂</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">3</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num14" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/15.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">生蚝</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">1</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num15" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/16.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">蓝莓</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num16" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
                <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/17.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">樱桃巧克力蛋糕</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2.99</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num17" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/18.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">山药棒</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2.5</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num18" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/19.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">桂圆汤</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">9.99</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num19" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/20.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">一盘饺子</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num20" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
        <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/21.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">鸡肉卷</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num21" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/22.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">[数据删除]</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">22</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num22" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/23.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">玉米</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">5</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num23" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/24.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">草莓奶昔</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num24" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
                <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/25.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">炸鸡</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num25" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/26.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">三明治</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">3</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num26" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/27.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">狮子头</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">4</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num27" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/28.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">炸鸡翅</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num28" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
        <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/29.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">煎蛋</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2.99</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num29" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/30.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">圣女果</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2.5</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num30" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/31.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">小龙虾</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">9.99</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num31" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/32.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">炸虾条</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num32" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
                <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/33.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">糖醋鱼</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num33" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/34.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">烤鸭</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">10</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num34" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/35.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">炒饭</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">5</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num35" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/36.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">生鱼片</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num36" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
        <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/37.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">赫鲁晓夫的社会主义</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">5.99</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num37" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/38.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">茶叶蛋</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">3</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num38" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/39.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">凤爪</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">1</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num39" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/40.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">荔枝</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num40" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
                <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/41.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">骨肉相连</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2.99</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num41" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/42.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">草莓甜筒</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2.5</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num42" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/43.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">小熊蜂蜜</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">150</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num43" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/44.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">半买君恩半买鲜</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">149.9</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num44" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
        <el-row gutter="10">
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/45.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">板栗</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">2</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num45" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/46.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">珍珠奶茶</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">10</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num46" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/47.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">纯真电子烟</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">39.9</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num47" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
            <el-col :span="6">
                <el-card :body-style="{ padding: '0px' }">
                    <img src="../../assets/images/food/48.jpg" class="image">
                    <div style="padding: 5px;">
                        <span class="name">咖啡</span>
                        <span class="price_pre">$</span>
                        <span class="price_post">8</span>
                        <div class="bottom clearfix">
                            <el-input-number class="counter" size=small v-model="num48" @change="handleChange" :min="0" :max="99"></el-input-number>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
        </div>
        <el-row class="buttons">
            <el-button-group style="margin-bottom:40px">
            <el-button size="large" type="primary" @click="yes">确定</el-button>
            <el-button size="large" type="primary" @click="no">取消</el-button>
            </el-button-group>
        </el-row>
      </div>
</template>
 
<script>
import {requestData} from "../../ajax";
export default {
    data () {
     return {
      currentDate: new Date(),
      num1:0,
      num2:0,
      num3:0,
      num4:0,
      num5:0,
      num6:0,
      num7:0,
      num8:0,
      num9:0,
      num10:0,
      num11:0,
      num12:0,
      num13:0,
      num14:0,
      num15:0,
      num16:0,
      num17:0,
      num18:0,
      num19:0,
      num20:0,
      num21:0,
      num22:0,
      num23:0,
      num24:0,
      num25:0,
      num26:0,
      num27:0,
      num28:0,
      num29:0,
      num30:0,
      num31:0,
      num32:0,
      num33:0,
      num34:0,
      num35:0,
      num36:0,
      num37:0,
      num38:0,
      num39:0,
      num40:0,
      num41:0,
      num42:0,
      num43:0,
      num44:0,
      num45:0,
      num46:0,
      num47:0,
      num48:0
    };
  },
  mounted:function(){
    // 准备条件
    var request_data = new FormData();
    // 请求数据
    requestData("get","menu.json", request_data).then((resp)=>{
    // 赋值数据到linesdata
      var result = resp.data;
      this.Data1 = result["menu_info"];
    });
  },
  methods: {
    //退出
    signout() {
      this.$confirm("退出登录, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      }).then(() => {
        this.$router.push({ path: "/" });
      });
    },
    yes(){
        this.$alert('已成功下单！').then(()=>{this.$router.push({path:"/unfinished_booking"})});
    },
    no(){
        this.$confirm("取消点餐, 返回主界面", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      }).then(() => {
        this.$router.push({ path: "/customer" });
      });
    },
    handleChange(value) {
        console.log(value);
    }
  },
};
</script>
<style scoped>
.buttons{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.food{
  width: 100%;
  height: 650px;
  border: 1px solid rgba(0,0,0,0);
  border-radius: 0px;
  background-color: rgba(0,0,0,0);
  overflow-y: scroll;
  overflow-x: hidden;
}
.counter{
  width: 100px;
  float: right;
}
.name{
  font-size: 1em;
  float: left;
  color: rgb(180, 13, 13);
}
.price_pre{
  font-size: 1em;
  float: left;
  color: rgb(17, 226, 27);
}
.price_post{
  font-size: 1em;
  float: left;
  color: rgb(17, 226, 27);
}
.container {
  height: 100vh;
  font-size: 15px;
}
.header {
  background: #131518;
  color: rgb(255, 255, 255);
}
.aside {
  background: #3a3a3a;
  color: #fff;
  /* height: 100%; */
}
.main {
  /* height: 100%; */
  color: #a50b0b;
}
.headerlogo {
  line-height: 60px;
  margin-top: 10px;
}
.rightsection {
  line-height: 60px;
  text-align: center;
}
  .time {
    font-size: 13px;
    color: #999;
  }
  
  .bottom {
    margin-top: 13px;
    line-height: 12px;
  }

  .button {
    padding: 0;
    float: right;
  }

  .image {
    width: 100%;
    height: 200px;
    display: block;
  }

  .clearfix:before,
  .clearfix:after {
      display: table;
      content: "";
  }
  
  .clearfix:after {
      clear: both
  }
.el-breadcrumb{
  margin-bottom: 15px;
  font-size:15px;
}
</style>